<template>
  <div class="app-container">
    <!-- 查看订单数据话框 -->
    <el-dialog
      :title="viewTitle"
      :visible.sync="viewOpen"
      width="1000px"
      append-to-body
    >
      <el-form ref="detailForm">
        <div>
          <!-- <i class="MmsUiBlockTitle___line___27lhp1-44-1"></i> -->
          <div class="big_title_style" style="font-size: 18px">
            <span>基础信息</span>
          </div>
        </div>
        <el-divider></el-divider>
        <div style="margin-left: 50px">

        </div>

        <div>
          <!-- <i class="MmsUiBlockTitle___line___27lhp1-44-1"></i> -->
          <div class="big_title_style" style="font-size: 18px">
            <span>订单信息</span>
          </div>
        </div>
        <el-divider></el-divider>
        <div style="margin-left: 50px">

        </div>

      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" size="mini" @click="handCloseDetail"
        >确 定</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>

  export default {
    name: 'Settlement',
    components: {},
    data() {
      return {
        // 订单结算表格数据
        settlementList: [],
        // 弹出层标题
        title: '',
        //查看详细标题
        viewTitle: '',
        // 是否显示弹出层
        open: false,
        //查看详细数据
        showData: [],
        pickerOptions: {
        },
        // 表单参数
        form: {},
      }
    },
    props: {
      //是否显示
      viewOpen: {
        type: Boolean,
        default: false,
      },
    },
    created() {


    },
    methods: {

      handCloseDetail() {
        this.viewOpen = false
        this.showData = []
      },
    }
  }
</script>
<style scoped>
  .MmsUiBlockTitle___line___27lhp1-44-1 {
    display: inline-block;
    background: #407cff;
    width: 2px;
    height: 16px;
    margin-right: 8px;
  }

  .MmsUiBlockTitle___title___2C-H-1-44-1 {
    display: inline-block;
    font-size: 20px;
    color: #333;
    position: relative;
  }
</style>
